<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <title>自在天工</title>
    <script type="text/javascript" src="../js/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="../js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../js/jquery.alerts.js"></script>
    <script type="text/javascript" src="../js/jquery.uniform.min.js"></script>
    <script type="text/javascript" src="../js/general.js"></script>
    <script type="text/javascript" src="../js/blog.js"></script>
    <link rel="stylesheet" href="../css/style.default.css" type="text/css"/>
    <!--[if lte IE 8]>
    <script language="javascript" type="text/javascript" src="../js/plugins/excanvas.min.js"></script><![endif]-->
    <!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="../css/style.ie9.css"/>
    <![endif]-->
    <!--[if lt IE 9]>
    <![endif]-->
    <link rel="stylesheet" media="screen" href="../css/style.ie8.css"/>
    <!--[if lt IE 9]>
    <script src="../js/plugins/css3-mediaqueries.js"></script>
    <![endif]-->
    <script src="../js/setWork.js"></script>
    <!--<script type="text/javascript">-->
    <!--var path = '<%=request.getContextPath()%>';-->
    <!--</script>-->
    <script src="../js/config.js"></script>

</head>

<script src="../js/main.js"></script>

<body class="withvernav">

<div class="bodywrapper">
    <div class="topheader">
        <div class="left">
            <h1 class="logo"><span>ZZTY</span></h1>
            <span class="slogan">自在天原学习系统</span>

            <br clear="all"/>

        </div><!--left-->

        <div class="right">
            <div class="userinfo">
                <img src="../images/thumbs/avatar.png" alt="" width="25" height="25"/>
                <span id="username"></span>
            </div><!--userinfo-->
            <input type="hidden" name="field＿name" value="value" id="hidden1">
            <div class="userinfodrop">
                <div class="avatar">
                    <a href=""><img src="../images/thumbs/avatarbig.png" alt=""/></a>
                </div><!--avatar-->
                <!--<div class="userdata">-->
                    <!--<ul>-->
                        <!--<li id="username1"></li>-->
                        <!--<li id="clazz"></li>-->
                        <!--<li id="userEmail"></li>-->
                        <!--<li id="userType"></li>-->
                        <!--<li><a href="changeInformation.html">修改信息</a></li>-->
                        <!--<li><a href="login.html">退出</a></li>-->
                    <!--</ul>-->
                <!--</div>&lt;!&ndash;userdata&ndash;&gt;-->
            </div><!--userinfodrop-->
        </div><!--right-->    </div><!--topheader-->


    <div class="header">
        <ul class="headermenu">
            <li><a href="Tmain1.html"><span class="icon icon-flatscreen"></span>首页</a></li>
            <li class="current"><a href="setWork.html"><span class="icon icon-pencil"></span>发布作业</a></li>
            <li><a href="lookSelfExam.html"><span class="icon icon-message"></span>批改作业</a></li>
            <li><a href="excel.html"><span class="icon icon-chart"></span>结对竞赛报表</a></li>
            <li>
                <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=1"
                        width="220" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">
                </iframe>
            </li>
        </ul>

    </div><!--header-->


    <div class="vernav">
        <ul>
            <li class="current"><a href="setWork.html" class="editor">发布作业</a></li>
            <li><a href="setGroup.html">结对分组</a></li>
        </ul>
        <a class="togglemenu"></a>
    </div><!--leftmenu-->

    <div class="centercontent">

        <div class="pageheader">
            <h1 class="pagetitle">发布作业：</h1>
            <span class="pagedesc">
                <hr/>
                <table>
                    <tr>
                        <td><h3>* 日期：</h3></td>
                        <td><input type="date" id="tdate"/></td>
                    </tr>
                    <br/>
                       <table>
                           <tr>
                             <td><h3>* 班级：</h3></td>
                                <td>
                                  <select name="clazz" id="inClazz"></select>
                                 </td>
                           </tr>
                       </br>
                    <tr>
                        <td><h3>* 作业类型：</h3></td>
                        <td><select id="workType">
                            <option value="个人竞赛">个人竞赛</option>
                             <option value="结对作业">结对作业</option>
                        </select>
                        </td>
                    </tr>
                    <br/>
                    <tr>
                        <td><h3>* 题目：</h3></td>
                        <td><textarea id="tquestion" rows="3" cols="20"
                                      style="margin: 0px; width: 683px; height: 117px;font-size:15px; color:#333333"></textarea></td>
                    </tr>
                    <tr>
                        <td><button type="button" class="btn btn-primary" id="insertTo">添加</button>
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"
                                id="questionBank">
                            题库
                        </button></td>
                    </tr>
                           <!--<tr style="display:none;" id="hidetd">-->
                </table>
            <div class="form-group">
									<label for="dtp_input2" class="col-md-2 control-label">最终题目：</label>
									<div class="col-md-6">
										<!--   Basic Table  -->
										<div class="panel panel-default">

											<div class="panel-body">
												<div class="table-responsive">
													<table id="tques" name="tableQuestions"
                                                           class="table table-striped table-bordered table-hover"
                                                           style="word-break: break-all; word-wrap: break-all;">
														<tbody id="finalQuestion">
                                                        <tr>
                                                            <th style="display:none;">id</th>
															<th>题目</th>
															<th>删除</th>
														</tr>
														</tbody>
													</table>
                                                    <table>
                                                         <tr>
                                                            <td><input type="button" value=" 提交 " id="setQuestion"></td>
                                                         </tr>
                                                    </table>

												</div>
											</div>
										</div>
									</div>
								</div>
            </span>


        </div><!--pageheader-->

        <div id="contentwrapper" class="contentwrapper">
            <!--add you page at here-->
            <!--add you page at here-->
            <!--add you page at here-->
            <!--add you page at here-->
            <!--add you page at here-->
            <!--add you page at here-->

        </div><!--contentwrapper-->

        <br clear="all"/>

    </div><!-- centercontent -->


</div><!--bodywrapper-->

<!-- 模态框 -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">

            <!-- 模态框头部 -->
            <div class="modal-header">
                <h4 class="modal-title">结对题库</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- 模态框主体 -->
            <div class="modal-body">
                <table cellpadding="0" cellspacing="0" border="0" class="stdtable" id="t1">
                    <!--<colgroup>-->
                    <!--<col class="con0" />-->
                    <col class="con1"/>
                    <col class="con2"/>
                    <tr>
                        <!--<th class="head0">id</th>-->
                        <th class="head1">content</th>
                        <th class="head2">选择</th>
                    </tr>
                    <!--</thead>-->
                </table>
                </colgroup>
                <thead>
            </div>
        </div>

        <!-- 模态框底部 -->
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary" data-dismiss="modal">
                提交
            </button>
        </div>

    </div>
</div>

</div>

<style>
    td {
        text-align: left;
        vertical-align: top;

    }

    input[type="button"] {
        width: auto;
        margin: 0;
        font-weight: bold;
        color: #eee;
        background: #FB9337;
        border: 1px solid #F0882C;
        padding: 7px 10px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
</style>

</body>
</html>
